<!DOCTYPE html>
<html ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
	<title>云教育平台-主页</title>
	<link rel="stylesheet" href="../common/libs/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="../common/libs/swiper/dist/css/swiper.min.css">
	<link rel="stylesheet" href="../common/libs/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="../common/libs/ng-table/bundles/ng-table.min.css">
	<link rel="stylesheet" href="../common/libs/angular-ui-select/dist/select.min.css">
	<link rel="stylesheet" href="../common/libs/bootstrap-daterangepicker/daterangepicker.css">
	<link rel="stylesheet" href="../common/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
	<link rel="stylesheet" href="../common/libs/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
	<link rel="stylesheet" href="../common/libs/bootstrap-datetimepicker/dist/bootstrap-datetimepicker.min.css">
	<link rel="stylesheet" href="./resource/css/common.css">
	<link rel="stylesheet" href="./resource/css/main.css">
	<script type="text/javascript" src="../common/libs/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../common/libs/swiper/dist/js/swiper.min.js"></script>
	<script type="text/javascript" src="../common/libs/base64.min.js"></script>
	<script type="text/javascript" src="../common/libs/angular/angular.min.js"></script>
	<script type="text/javascript" src="../common/libs/angular-ui-router/release/angular-ui-router.min.js"></script>
	<script type="text/javascript" src="../common/libs/ng-table/bundles/ng-table.min.js"></script>
	<script type="text/javascript" src="../common/libs/angular-ui-select/dist/select.min.js"></script>
	<script type="text/javascript" src="../common/libs/ng-file-upload/ng-file-upload.min.js"></script>
	<script type="text/javascript" src="../common/libs/jquery.easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="../common/libs/echarts/dist/echarts.min.js"></script>
	<script type="text/javascript" src="../common/libs/moment/min/moment.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-datetimepicker/dist/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-datepicker.zh-CN.min.js"></script>
	<script type="text/javascript" src="../common/libs/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" src="./resource/script/dist/main.js"></script>
	<script type="text/javascript" src="./resource/script/dist/controller.js"></script>
	<script type="text/javascript" src="./resource/script/router.js"></script>
	<!-- <script src="http://rap.taobao.org/rap.plugin.js?projectId=12817"></script> -->
</head>
<body class="dark-body" ng-controller="mainCtrl">
	<!-- header -->
	<header class="header">
		<div class="page-container">
			<div class="container-fluid">
				<div class="navbar margin-0">
					<div class="navbar-header fl">
						<a class="navbar-brand" href="javascript:void(0);" ui-sref="index"><img src="./resource/images/logo01.png" alt="logo"></a>
					</div>
					
					<div class="topbar fr">
						<div class="btn-group">
	                        <button type="button" class="btn btn-sm btn-bell">
	                            <i class="fa fa-bell-o"></i>
	                            <span class="badge">0</span>
	                        </button>
	                    </div>
	                    <div class="btn-group btn-group-second">
	                        <button type="button" class="btn btn-sm btn-qrcode dropdown-toggle hover-initialized" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	                            <i class="fa fa-qrcode"></i>
	                        </button>
	                        <ul class="dropdown-menu-v2" role="menu">
	                            <li class="active">
	                                <h6 style="color:white;margin:0 10px;">微信扫一扫，用手机管理校园</h6>
	                                <!-- <img style="width:200px;height:200px;margin:10px;" ng-src="/api.ashx?app=webapi&amp;name=&amp;ctrl=fileupload&amp;action=DownloadQrCode&amp;itemid=24&amp;type=1" src="/api.ashx?app=webapi&amp;name=&amp;ctrl=fileupload&amp;action=DownloadQrCode&amp;itemid=24&amp;type=1"> -->
	                            </li>
	                            
	                        </ul>
	                    </div>
	                    <div class="btn-group">
	                        <button type="button" class="btn btn-sm btn-head dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false">
	                            <span>{{user.name}}</span>
	                            <img alt="" src="resource/images/avatar-boy.png">
	                        </button>
	                        <ul class="dropdown-menu-v2" role="menu" aria-labelledby="btnHead">
	                            <li>
	                                <a href="#/schoolsetting/user/profile">
	                                    <i class="fa fa-user-o"></i> 我的配置
	                                </a>
	                            </li>
	                            <li>
	                                <a href="#/schoolsetting/user/change">
	                                    <i class="fa fa-lock"></i> 修改密码
	                                </a>
	                            </li>
	                            <li class="divider"></li>
	                            <li>
	                                <a href="javascript:void(0);" ng-click="logout()">
	                                    <i class="fa fa-key"></i> 注销
	                                </a>
	                            </li>
	                        </ul>
	                    </div>
	                    <button type="button" class="quick-sidebar-toggler" data-toggle="collapse" style="display:none;">
	                        <span class="sr-only">Toggle Quick Sidebar</span>
	                        <i class="icon-logout"></i>
	                    </button>
	                </div>
		    	</div>
			</div>
		</div>
	</header>
	<section class="page-container">
		<div class="container-fluid">
			<div class="main-wrapper">
				<nav class="navbar border-none">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!-- <div class="collapse navbar-collapse"> -->
						<ul class="nav navbar-nav header-nav">
							<li class="first-nav-item active">
								<a ui-sref="index" ng-class="firstType == 'index' ? 'active': ''"><i class="fa fa-home"></i> 首页</a>
							</li>
							<li class="first-nav-item dropdown" ng-repeat="first in navList">
								<!-- 有列表 -->
								<a ng-if="first.sonPermission.length > 0" class="dropdown-toggle" ng-class="firstType == first.permissionId ? 'active': ''" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" data-type="{{first.permissionId}}"><i ng-class="'fa {{first.icon}}'"></i> <span ng-bind="first.name"></span> <span class="caret"></span></a>
								<!-- 无列表 -->
								<a ng-if="first.sonPermission.length <= 0" ng-class="firstType == first.permissionId ? 'active': ''"><i ng-class="'fa {{first.icon}}'"></i> <span ng-bind="first.name"></span></a>
								
								<!-- 列表 -->
								<ul class="dropdown-menu" ng-if="first.sonPermission.length > 0">
									<li class="second-nav-item" ng-repeat="second in first.sonPermission">
										<a href="#" ui-sref="{{second.parentId}}/{{second.permissionId}}" ng-class="secondType == second.permissionId ? 'active': ''"><i ng-class="'fa {{second.icon}}'"></i> <span ng-bind="second.name"></span></a>
									</li>
								</ul>
							</li>
						</ul>
					<!-- </div> -->
				</nav>
				<section ui-view></section>
			</div>
		</div>
		<!-- info-modal -->
		<info-modal msg="msg" visible="visible"></info-modal>
	</section>
</body>
</html>
